<template>
  <div class="box" @click="goInnerSearch">
    <div class="search">
      <i><van-icon name="search" /></i>
      <span>搜索商品</span>
    </div>
  </div>
</template>

<script>
export default {
  methods: {
   async goInnerSearch() {
    this.$store.dispatch('hotKey/searchListHot')
      this.$router.push("/innerSearch");
      // 获取请求关键字函数
    },
  },
  mounted() {},
};
</script>

<style lang="less" scoped>
.box {
  height: 0.88rem;
  padding: 0 0.3rem;
  background-color: yellowgreen;
  display: flex;
  align-items: center;
  .search {
    height: 0.56rem;
    font-size: 0.28rem;
    background-color: #ededed;
    border-radius: 0.08rem;
    flex: 1;
    display: flex;
    justify-content: center;
    i {
      margin-top: 1.5px;
    }
    span {
      color: #666;
      font-size: 0.28rem;
      line-height: 0.56rem;
      margin-top: 1px;
    }
  }
}
</style>
